<!doctype html>
<html>
<head>
 <title>IE7 {CSS2: auto}</title>

 <!-- Compliance patch for Microsoft browsers -->
 <!--[if lt IE 9]><script src="../trunk/lib/IE9.js"></script><![endif]-->

 <style>

  table {

   border-spacing: 4em;

  }

  td {

   border: 1px solid silver;

  }

 </style>
</head>

<body>
 <script src="ie7-demo.js"></script>
 <h2>border-spacing</h2>

 <table>
  <thead>
   <tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr>
  </thead>
  <tbody>
   <tr><td>Data 1.1</td><td>Data 1.2</td><td>Data 1.3</td></tr>
   <tr><td>Data 2.1</td><td>Data 2.2</td><td>Data 2.3</td></tr>
   <tr><td>Data 3.1</td><td>Data 3.2</td><td>Data 3.3</td></tr>
  </tbody>
 </table>

 <p>&lt;&nbsp;<a href="index.html">back</a></p>
</body>
</html>
